/*@font-face {
    font-family: "PingFang-SC-Bold";
    src: url('https://one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/PF.ttf');
}
page{font-family: PingFang-SC-Bold}*/

button::after{
    border: none;
}

.bg38{background: #383838}
.bga8{background: #A8A8A8}
.bgf4{background: #f4f4f4}
.bgbf{background: #BFBFBF}
.bgf5f6{background: #F5F5F6}
.bgfff{background: #fff}
.bgblue{background: #51CDCB}
.bg_line_blue{background: linear-gradient(to right, #76DAD9, #51CDCC);}
.bg_line_orange{background: linear-gradient(to right, #FE7563, #FD634E);}
.bg_line_yellow{background: linear-gradient(to right, #FCAD3D, #FFA133);}
.bg_line_38{background: linear-gradient(to bottom, #181818,#383838);}
.bggray_5{background: rgba(0,0,0,.5)}
.bggreen{background: #08BF62}

.filter_gray{filter: grayscale(100%)}


.cpurple{color: #2A0F45}
.c38{color: #383838}
.c333{color: #333}
.c68{color: #686868}
.ca8{color: #A8A8A8}
.cfff{color: #fff}
.c78{color: #787878}
.c80{color: #808080}
.ce8{color: #E8E8E8}
.cdeepblue{color: #566C84}
.cblue_2{color: #63729E}
.cblue{color: #51CDCB}
.cyellow{color: #FFA133}
.corange{color: #FD634E}
.cdeeporange{color: #FF5D47}


.bgfff{background: #fff}
.ba8{border: 0.5px solid #A8A8A8}
.bdash_a8{border: 0.5px dashed #A8A8A8}
.bdc_10{border: 10px solid #DCDCDC}
.byellow{border:0.5px solid #FFA133;}
.borange{border: 0.5px solid #FD634E}
.bblue{border:0.5px solid #51CDCB}
.be8{border: 0.5px solid #E8E8E8}
.bf5f6{border: 0.5px solid #f5f5f6}
.bte8{border-top: 0.5px solid #E8E8E8}
.bbf5f6{border-bottom: 0.5px solid #F5F5F6}
.bbF2F3F4{border-bottom: 0.5px solid #F2F3F4}
.bbe8{border-bottom: 0.5px solid #E8E8E8}
.bbblue_2{border-bottom: 2px solid #51CDCB}



.bradius3{border-radius: 3px;}
.bradius5{border-radius: 5px;}
.bradius10{border-radius: 10px;}
.bradius15{border-radius: 15px;}
.bradius17{border-radius: 17px;}
.bradius20{border-radius: 20px;}
.bradius30{border-radius: 30px;}
.bradius50p{border-radius: 50%;}
.bra_left_15{border-radius:15px 0 0 15px}


.shadow_gray{ box-shadow: 0 0 25px rgba(56, 56, 56, 0.05);}


.fs10{font-size: 10px}
.fs12{font-size: 12px}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}

.lh15{line-height: 15px;}
.lh18{line-height: 18px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh25{line-height: 25px;}
.lh27{line-height: 27px;}
.lh30{line-height: 30px;}
.lh32{line-height: 32px;}
.lh34{line-height: 34px;}
.lh39{line-height: 39px;}
.lh40{line-height: 40px;}
.lh42{line-height: 42px;}
.lh43{line-height: 43px;}
.lh44{line-height: 44px;}
.lh45{line-height: 45px;}
.lh47{line-height: 47px;}
.lh49{line-height: 49px;}
.lh50{line-height: 50px;}
.lh60{line-height: 60px;}
.lh65{line-height: 65px;}
.lh70{line-height: 70px;}


.fbold{font-weight: bold}
.textc{text-align: center}
.textl{text-align: left}
.textr{text-align: right}


.p0{padding: 0}

.pt3{padding-top: 3px;}
.pt4{padding-top: 4px;}
.pt5{padding-top: 5px;}
.pt7{padding-top: 7px;}
.pt8{padding-top: 8px;}
.pt9{padding-top: 9px;}
.pt10{padding-top: 10px;}
.pt11{padding-top: 11px;}
.pt13{padding-top: 13px;}
.pt14{padding-top: 14px;}
.pt15{padding-top: 15px;}
.pt16{padding-top:16px}
.pt17{padding-top: 17px;}
.pt18{padding-top: 18px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt26{padding-top: 26px;}
.pt30{padding-top: 30px;}
.pt33{padding-top: 33px;}
.pt40{padding-top:40px;}
.pt41{padding-top: 41px;}
.pt44{padding-top: 44px;}
.pt46{padding-top: 46px;}
.pt47{padding-top: 47px;}
.pt57{padding-top: 57px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt123{padding-top: 123px;}
.pt196{padding-top: 196px;}
.pt204{padding-top: 204px;}
.pt283{padding-top: 283px;}

.pl0{padding-left: 0;}
.pl3{padding-left: 3px;}
.pl6{padding-left: 6px;}
.pl7{padding-left: 7px;}
.pl8{padding-left: 8px;}
.pl9{padding-left: 9px;}
.pl10{padding-left: 10px;}
.pl14{padding-left: 14px;}
.pl15{padding-left: 15px;}
.pl16{padding-left: 16px;}
.pl20{padding-left: 20px;}
.pl21{padding-left: 21px;}
.pl22{padding-left: 22px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl33{padding-left: 33px;}
.pl34{padding-left: 34px;}
.pl35{padding-left: 35px;}
.pl45{padding-left: 45px;}
.pl59{padding-left: 59px;}

.pr0{padding-right: 0}
.pl3{padding-right: 3px;}
.pr6{padding-right: 6px;}
.pr7{padding-right: 7px;}
.pr8{padding-right: 8px;}
.pr10{padding-right: 10px;}
.pr11{padding-right: 11px;}
.pr13{padding-right: 13px;}
.pr14{padding-right: 14px;}
.pr15{padding-right: 15px;}
.pr16{padding-right: 16px;}
.pr17{padding-right: 17px;}
.pr18{padding-right: 18px;}
.pr20{padding-right: 20px;}
.pr21{padding-right: 21px;}
.pr22{padding-right: 22px;}
.pr23{padding-right: 23px;}
.pr24{padding-right: 24px;}
.pr25{padding-right: 25px;}
.pr26{padding-right: 26px;}
.pr28{padding-right: 28px;}
.pr27{padding-right: 27px;}
.pr35{padding-right: 35px;}
.pr42{padding-right: 42px;}

.pb3{padding-bottom: 3px;}
.pb5{padding-bottom: 5px;}
.pb6{padding-bottom: 6px;}
.pb7{padding-bottom: 7px;}
.pb9{padding-bottom: 9px;}
.pb10{padding-bottom: 10px;}
.pb11{padding-bottom: 11px;}
.pb12{padding-bottom: 12px;}
.pb13{padding-bottom: 13px;}
.pb15{padding-bottom: 15px;}
.pb19{padding-bottom: 19px;}
.pb20{padding-bottom: 20px;}
.pb21{padding-bottom: 21px;}
.pb23{padding-bottom: 23px;}
.pb25{padding-bottom: 25px;}
.pb27{padding-bottom: 27px;}
.pb28{padding-bottom: 28px;}
.pb36{padding-bottom: 36px;}
.pb42{padding-bottom: 42px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}


.mauto{margin: auto}

.mt-4{margin-top: -4px;}
.mt-15{margin-top: -15px;}
.mt-18{margin-top: -18px}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt11{margin-top: 11px;}
.mt14{margin-top: 14px;}
.mt15{margin-top: 15px;}

.mr3{margin-right: 3px;}
.mr5{margin-right: 5px;}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr11{margin-right: 11px;}
.mr12{margin-right: 12px;}
.mr13{margin-right: 13px;}
.mr15{margin-right: 15px;}
.mr16{margin-right: 16px;}
.mr17{margin-right: 17px;}
.mr20{margin-right: 20px;}
.mr23{margin-right: 23px;}


.mb4{margin-bottom: 4px;}
.mb7{margin-bottom: 7px;}
.mb10{margin-bottom: 10px;}
.mb11{margin-bottom: 11px;}
.mb12{margin-bottom: 12px;}
.mb15{margin-bottom: 15px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px}
.mb44{margin-bottom: 44px;}

.ml10{margin-left: 10px;}
.ml13{margin-left: 13px;}
.ml16{margin-left: 16px;}


.borderbox{box-sizing: border-box}
.contentbox{box-sizing: content-box}

.disflex{display: flex}
.disblock{display: block}
.disinblock{display: inline-block}

.posre{position: relative}
.posab{position: absolute}
.posfix{position: fixed}

.zindex-1{z-index: -1}

.top0{top: 0;}
.top2{top: 2px;}
.top3{top: 3px;}
.top4{top: 4px;}
.left0{left: 0}
.right0{right: 0}
.right2{right: 2px;}
.right6{right: 6px;}
.right5{right:5px;}
.right11{right: 11px;}
.bottom0{bottom: 0}
.bottom10{bottom: 10px;}
.bottom30{bottom: 30px;}
.bottom60{bottom: 60px;}
.bottom74{bottom: 74px;}

.jsbet{justify-content: space-between}
.jscen{ justify-content:center}
.flex-end{justify-content:flex-end}
.jsaround{justify-content: space-around}
.align-cen{align-items:center}
.wrap{flex-wrap: wrap}
.row-reverse{flex-direction: row-reverse}
.column-reverse{flex-flow: column-reverse}
.flex1{flex: 1}

.overhidden{overflow: hidden}


.w0{width: 0}
.w10{width: 10px;}
.w15{width: 15px;}
.w16{width: 16px;}
.w20{width: 20px;}
.w24{width: 24px;}
.w25{width: 25px;}
.w30{width: 30px;}
.w33{width: 33px;}
.w34{width: 34px;}
.w40{width: 40px;}
.w46{width: 46px;}
.w50{width: 50px;}
.w57{width: 57px;}
.w59{width: 59px;}
.w60{width: 60px;}
.w65{width: 65px;}
.w70{width: 70px;}
.w90{width: 90px;}
.w93{width: 93px;}
.w100{width: 100px;}
.w104{width: 104px;}
.w110{width: 110px;}
.w146{width: 146px;}
.w160{width: 160px;}
.w165{width: 165px;}
.w168{width: 168px;}
.w170{width: 170px;}
.w178{width: 178px;}
.w200{width: 200px;}
.w206{width: 206px;}
.w220{width: 220px;}
.w225{width: 225px;}
.w250{width: 250px;}
.w267{width: 267px;}
.w274{width: 274px;}
.w290{width: 290px;}
.w308{width: 308px;}
.w326{width: 326px;}
.w33p{width: 33.3%}
.w50p{width: 50%}
.w100p{width: 100%}

.minh30{min-height: 30px;}
.minh117p{min-height: 117%}
.h0{height: 0;}
.h5{height: 5px;}
.h10{height: 10px;}
.h15{height: 15px;}
.h16{height: 16px;}
.h20{height: 20px;}
.h22{height: 22px;}
.h24{height: 24px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h39{height: 39px;}
.h40{height: 40px;}
.h34{height: 34px;}
.h44{height: 44px;}
.h50{height: 50px;}
.h59{height: 59px;}
.h60{height: 60px;}
.h65{height: 65px;}
.h70{height: 70px;}
.h79{height: 79px;}
.h93{height: 93px;}
.h99{height: 99px;}
.h100{height: 100px;}
.h119{height: 119px;}
.h168{height: 168px;}
.h170{height: 170px;}
.h195{height: 195px;}
.h200{height: 200px;}
.h201{height: 201px;}
.h211{height: 211px;}
.h213{height: 213px;}
.h214{height: 214px;}
.h231{height: 231px;}
.h241{height: 241px;}
.h250{height: 250px;}
.h270{height: 270px;}
.h290{height: 290px;}
.h308{height: 308px;}
.h375{height: 375px;}
.h520{height: 520px;}
.h533{height: 533px;}
.h100p{height: 100%}


.over_1{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.over_2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.line-through{
    text-decoration: line-through;
}

.trans2{transition: .2s}


.point_two{
    position: relative;
}
.point_two::before,.point_two::after{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #566C84;
    top: 9px;
}
.point_two::before{
    left: 10px;
}
.point_two::after{
    right: 10px;
}
.fix_bottom{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
}
.fix_top{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

/*卡片样式*/
.top_card {
    border-radius: 10px;
}

.top_tag {
    display: inline-block;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.top_msg {
    padding-left: 26px;
    padding-right: 28px;
}
/*checkBox*/
.checkBox input{
    width: 0;
    height: 0;
    opacity: 0;
    position: relative;
    left: -9999px;
}
.checkBox span{
    width: 20px;
    height: 20px;
    background: url("https://one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/no_check.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    box-sizing: border-box;
}
 .checkBox.active span{
     background: url("https://one-stand.oss-cn-shanghai.aliyuncs.com/yimai_photos/user/check.png") no-repeat;
     background-size: 100%;
}

 .before_line_3{
     position: relative;
 }
 .before_line_3::before{
     position: absolute;
     content: '';
     width: 3px;
     height: 10px;
     background: #51CDCB;
     left: -9px;
     top: 0;
     bottom: 0;
     margin: auto;
 }

input.phe8::-webkit-input-placeholder{
    color:#E8E8E8;
    font-size: 14px;
}
input.phe8::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#E8E8E8;
    font-size: 14px;
}
input.phe8:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#E8E8E8;
    font-size: 14px;
}
input.phe8:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#E8E8E8;
    font-size: 14px;
}

textarea.pha8::-webkit-input-placeholder{
    color:#E8E8E8;
    font-size: 14px;
}
textarea.pha8::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#E8E8E8;
    font-size: 14px;
}
textarea.pha8:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#E8E8E8;
    font-size: 14px;
}
textarea.pha8:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#E8E8E8;
    font-size: 14px;
}

.marks{
    position: relative;
}
.marks::after{
    content: '*';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #FD634E;
    font-size: 16px;
}
.add_img{
    position: relative;
}
.add_img::before,.add_img::after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
}
.add_img::before{
    width: 35px;
    height: 0;
    border-bottom:0.5px dashed #A8A8A8;
}
.add_img::after{
    height: 35px;
    width: 0;
    border-left:0.5px dashed #A8A8A8;
}
.add_white::before,.add_white::after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    content: '';
}
.add_white::before{
    width: 20px;
    height: 0.5px;
}
.add_white::after{
    width: 0.5px;
    height: 20px;
}

/*.hidden{*/
  /*width: 70%;*/
  /*white-space:nowrap;*/
  /*text-overflow:ellipsis;*/
  /*overflow:hidden*/
/*}*/

.word-break-all{
  word-break: break-all;
}
